<!--获取积分页面-->
<template>
	<view>
		<!--banner图-->
		<view>
			<image style="width: 750rpx" mode="widthFix" src="https://static.quanquanshangcheng.com/pro/d867b2d5fdc1c82c22328ae7ea36274b.jpg"></image>
		</view>
		<view v-for="item in jfenList" class="d-flex bg-white mb-2">
			<view class="span-6 p-1">
			<image mode="widthFix" style="width: 200rpx;" :src="item.pic"></image>
		    </view>
			<view class="d-flex span-14 px-1 py-1 pb-0 flex-column  ">
				<text class="line-h-md">{{item.jifenPrice}}元积分大礼包</text>
				<text class="text-light-muted">送<text class="text-warning">{{item.jifenPrice}}</text>积分</text>
				<view class="d-flex a-center j-sb mt-auto py-2">
					<view>
						<price unitSize="font-lg"  priceSize="font-lg" color="text-warning">{{item.jifenPrice}}.00</price>
					</view>
					<view>
						<button  @click="goBuy(item)" class="cu-btn bg-warning">去购买</button>
					</view>
				</view>
			</view>
		</view>
<!-- 	<view class="d-flex bg-white mb-2">
		<view class="span-6 p-1">
		<image mode="widthFix" style="width: 200rpx;" src="https://static.quanquanshangcheng.com/pro/68ffc1cb1f48ecd616166db62c1acf73.jpg"></image>
	    </view>
		<view class="d-flex span-14 px-1 py-1 pb-0 flex-column  ">
			<text class="line-h-md">50元积分大礼包</text>
			<text class="text-light-muted">送<text class="text-warning">50</text>积分</text>
			<view class="d-flex a-center j-sb mt-auto py-2">
				<view>
					<price unitSize="font-lg"  priceSize="font-lg" color="text-warning">50.00</price>
				</view>
				<view>
					<button  class="cu-btn bg-warning">去购买</button>
				</view>
			</view>
		</view>
	</view>
	<view class="d-flex bg-white mb-2">
		<view class="span-6 p-1">
		<image mode="widthFix" style="width: 200rpx;" src="https://static.quanquanshangcheng.com/pro/68ffc1cb1f48ecd616166db62c1acf73.jpg"></image>
	    </view>
		<view class="d-flex span-14 px-1 py-1 pb-0 flex-column  ">
			<text class="line-h-md">50元积分大礼包</text>
			<text class="text-light-muted">送<text class="text-warning">50</text>积分</text>
			<view class="d-flex a-center j-sb mt-auto py-2">
				<view>
					<price unitSize="font-lg"  priceSize="font-lg" color="text-warning">50.00</price>
				</view>
				<view>
					<button  class="cu-btn bg-warning">去购买</button>
				</view>
			</view>
		</view>
	</view> -->
	</view>
</template>

<script>
	import price from "@/components/price/price.vue"
	import {
		integralList
	} from '@/api/lottery.js'
	
	export default{
		components:{
			price
		},
		data(){
			return {
				jfenList:[]
			}
		},
		onLoad() {
			//异步获取首页数据
			 Promise.all([this.getIntegralList()]);
		},
		methods:{
			getIntegralList(){
				let that=this;
				integralList().then(res=>{
					that.jfenList=res.data;
				})
			},
			goBuy(item){
				let that=this;
				// uni.navigateTo({
				// 	url:"/pages/lottery/couponDetail/couponDetail?"+getApp().jsonToParam(item)
				// });
				 uni.navigateTo({
					url:item.url
				 });
			}
		}
	}
</script>

<style>
	.price-colore{
		color: #f3912b;
	}
</style>
